<!DOCTYPE html>
<html lang="en" class="no-js" id="scroll">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}</title>
    <style>
        #scroll{
            overflow-x: hidden; overflow-y: auto;
        }
        #BG {
            width: 99.9%;
            background-image: url("/static/img/blog.png");
            background-repeat:no-repeat;
            background-position:center;
            background-size:100%;
        }
        #BK {
            width: 99.9%;
            background-image: url("/static/img/blog.png");
            background-size:100%;
        }
        .BU {
            background-color:transparent;
            border-style: none;
            display: block;
            margin-top: -28px;
            margin-left: 165px;
        }
        .photocard{
            height: 300px;

        }
        #DH {
                background-color:rgba(250,250,250,0.8);
                border: none;
        }
        .bubbleTail
        {position:absolute;
            right:100%;
            bottom:-1px;
            width:35px;height:27px;
            border-width:0;
            border-style:solid;
            border-color:transparent;
            margin-right:-1px;
            border-top-width:18px;
            border-top-color:currentColor;
            border-radius:54px 0 0 0;
            color:#ff9176;}

    </style>
    <script>
    function search() {
        var searchtext = document.getElementById('searchnews').value;
        if (searchtext != "") {
            var usr = '/search/' +searchtext;
            window.location = usr;
        }
    }
    </script>
    {% load static %}
    <!-- favicon
		============================================ -->
    <link rel="shortcut icon" type="image/x-icon" href="{% static "img/favicon.ico" %}">
    <!-- Google Fonts
		============================================ -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i,800" rel="stylesheet">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <!-- Bootstrap CSS
		============================================ -->
    <link rel="stylesheet" href="{% static "css/font-awesome.min.css" %}">
    <!-- adminpro icon CSS
		============================================ -->
    <link rel="stylesheet" href="{% static "css/adminpro-custon-icon.css" %}">
    <!-- meanmenu icon CSS
		============================================ -->
    <link rel="stylesheet" href="{% static "css/meanmenu.min.css" %}">
    <!-- mCustomScrollbar CSS
		============================================ -->
    <link rel="stylesheet" href="{% static "css/jquery.mCustomScrollbar.min.css" %}">
    <!-- animate CSS
		============================================ -->
    <link rel="stylesheet" href="{% static "css/animate.css" %}">
    <!-- normalize CSS
		============================================ -->
    <link rel="stylesheet" href="{% static "css/normalize.css" %}">
    <!-- form CSS
		============================================ -->
    <link rel="stylesheet" href="{% static "css/form.css" %}">
    <!-- style CSS
		============================================ -->
    <link rel="stylesheet" href="{% static "style.css" %}">
    <!-- responsive CSS
		============================================ -->
    <link rel="stylesheet" href="{% static "css/responsive.css" %}">
    <!-- modernizr JS
		============================================ -->
    <script src="{% static "js/vendor/modernizr-2.8.3.min.js" %}"></script>
    <!-- sweetalert JS
		============================================ -->
    <script src="/static/sweetalert/dist/sweetalert.min.js"></script>
    <!-- summernote CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/summernote.css">
    <!-- notifications CSS
		============================================ -->
    <link rel="stylesheet" href="/static/css/Lobibox.min.css">
    <link rel="stylesheet" href="/static/css/notifications.css">

</head>
<body class="materialdesign" id="BK">
<!-- 导航栏 -->
{% if username != "投稿中心" %}
{% include "header.html" %}
{% endif %}

<!--#######################-->
<!--index.html    ==>  #主页# -->
<!--login.html    ==>  #登录# -->
<!--register.html ==>  #注册# -->
<!--listing.html  ==>  #文章专区# -->
<!--photo.html    ==>  #图片专区# -->
<!--video.html    ==>  #视频专区# -->
<!-- synthesis.html ==> #综合板块#
     #  用途： 1、分类查看本站所有文章视频图片等，分类板块  #
     #        2、用户收藏的文章视频图片等               #
     #        3、搜索本站所有文章视频图                 #-->
{% block content %}{% endblock %}
<!--#######################-->

<!-- 底部版权信息 -->
{% if username != "投稿中心" %}
{% include "footer.html" %}
{% endif %}

</body>
</html>